<template>
	<view>
		<navigator url="/subpkg_task/detail/detail">跳转</navigator>
		<up-tabbar
			:value="value1"
			@change="change1"
			:fixed="false"
			:placeholder="false"
			:safeAreaInsetBottom="false"
		>
			<up-tabbar-item text="首页" icon="home" @click="click1"></up-tabbar-item>
			<up-tabbar-item
				text="放映厅"
				icon="photo"
				@click="click1"
			></up-tabbar-item>
			<up-tabbar-item
				text="直播"
				icon="play-right"
				@click="click1"
			></up-tabbar-item>
			<up-tabbar-item
				text="我的"
				icon="account"
				@click="click1"
			></up-tabbar-item>
		</up-tabbar>
		<view class="box"> cddcdc </view>
	</view>
	<text class="iconfont icon-done"></text>
	<uni-icons
		type="icon-done"
		size="30"
		custom-prefix="iconfont"
		color=""
	></uni-icons>

	<text class="icon-symbol icon-symbol-done"></text>
	<uni-icons
		type="icon-symbol-done"
		size="30"
		custom-prefix="icon-symbol"
		color=""
	></uni-icons>
</template>

<script setup>
	// 小程序的生命周期，API必须要通过 `@dcloudio/uni-app` 引入
	import { onLoad, onShow } from '@dcloudio/uni-app'
	import { ref, reactive, onMounted } from 'vue'
	let obj = { wxs: 'helllo', num: 1 }
	let num = 5
	let helloWorldworld = 2
	let xs = [1, 2, 3]
	onLoad(() => {
		console.log('cdcddc')
	})
	onShow(() => {
		console.log('cdcddc')
	})
	onMounted(() => {
		const querySelector = uni.createSelectorQuery()
		querySelector.select('.box').boundingClientRect((res) => {
			console.log(res)
		})
		querySelector.exec()
	})
	uni
		.request({
			url: 'https://www.baidu.com',
		})
		.then((res) => {
			console.log(res)
		})

	let value1 = 0
	const click1 = (e) => {
		console.log('click1', e)
	}

	// 获取安全区域尺寸
	const { safeAreaInsets } = uni.getSystemInfoSync()
	const btn = async () => {
		await http.get('cdcdcdcdc')
		uni.utils.toast('xsxsxsx')
	}
</script>

<style lang="scss" scoped>
	/* 添加一些样式 */
	text {
		color: $uni-color-error;
		margin-right: 60rpx;
		font-size: 100rpx;
	}
</style>
